<html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- jQuery -->
    <script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="../js/jquery-3.3.1.js"></script>

    <!-- Bootstrap -->
    <link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

    <style type="text/css">

        #title{
            background-color: cornflowerblue;
        }
        html { overflow-x: hidden; overflow-y: auto; }

        .row-margin-top {
            margin: 10px;
        }

        #footer{
            text-align: center;
            font-size: 20px;
            position: absolute;
            bottom: 10px;
        }

        p{
            margin: 10px;
            font-family: 微软雅黑;
            font-size: large;
         border:3px solid black;
            border-radius: 10px;
            text-align: center;
        }


        tr{
            height: 30px;
        }
        th{
            width: 100px;
            text-align: center;
        }
        td{
            width: 100px;
            text-align: center;
        }

        #myInfo{
            font-family: 微软雅黑;
            font-size: large;
            color: blue;
        }

        #off{
            margin-top: 10px;
            font-family: 微软雅黑;
            color: black;
        }
        body{
            background-image: url("../images/ticket.jpg");
            background-repeat: no-repeat;/*设置图片不重复*/
            background-size: cover;/*设置图片平铺*/
        }

        #button{

            margin-left: 100px;
        }
    </style>

</head>
<body>

<!--页面主体-->
<!--主体-->
<div class="container-fluid" >
    <div class="row " id = "title">
        <div class="col-md-1 row-margin-top">
            <button id="back" class="btn btn-info btn-default btn-lg active" ><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>&nbsp;返回</button>
        </div>
        <div class="col-md-5 col-md-offset-3" >
            <h1>欢 迎 光 临 T T M S 影 院</h1>
        </div>
        <div class="col-md-1 col-md-offset-3 row-margin-top" >
            <a href="myInfo.html"><button id="myInfo" class="btn btn-link btn-lg " ><span class="glyphicon glyphicon-user" aria-hidden="true" ></span>&nbsp;</button></a>
        </div>

        <div class="col-md-1 row-margin-top">
            <a href="../index.html"><button id="off" class="btn btn-link  " ><span class="glyphicon  glyphicon-off" aria-hidden="true"></span>&nbsp;注销</button></a>
        </div>

    </div>

    <div class = "row ">
        <div class="col-md-4 col-md-offset-5">
            <h1>电影票信息确认</h1>
        </div>
    </div>

    <div class = "row">
        <div class="col-md-4 col-md-offset-4">
            <table id="ticket_table" class="table table-bordered table-striped">

                <tbody>

                </tbody>
            </table>
        </div>
    </div>



    <div class="row ">
        <!-- 分页条信息 -->
        <div id="page_nav" class="col-md-4 col-md-offset-5">
        </div>
    </div>

    <div class="row row-margin-top">
        <!--分页信息  -->
        <div id="page_info" class="col-md-4 col-md-offset-5">
        </div>
    </div>

    <div class="row" id="button">
        <div  class=" col-md-3 col-md-offset-5" >
            <button  id="submit" class=" btn btn-lg  btn-success" ><span class="glyphicon  glyphicon-ok-sign" aria-hidden="true"></span>购票</button>
        </div>
    </div>


    <!--页脚-->
    <div class="row">
        <div id="footer" class="col-md-12">
            <hr style="height:1px;border:none;border-top:1px solid #555555;" />
            <span >CopyRight@2020</span>
        </div>
    </div>
</div>
</body>
</html>